<template>
  <div class="filter-records">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>过滤记录</span>
      </div>
      <div v-for="(filterRecords, index) in filterRecordsList" :key="index" class="text item">{{filterRecords}}</div>
    </el-card>
  </div>
</template>

<script>
export default {
  props: ["filterRecordsList"],
};
</script>

<style scoped>
    .filter-records{
        height:250px;
        overflow-y:scroll;
    }

    .filter-records .item{
        margin-bottom: 20px;;
    }
</style>